.main-spot {
    width: 100%;
    .top-img {
      width: 100%;
      height: 1.3108rem;
      img {
        width: 100%;
        height: 100%;
      }
    }
    .bottom {
        display: flex;
        flex-direction: column;
        padding-left: .0625rem;
        padding-right: .0625rem;
        padding-bottom: .0469rem;
        background: #f9f9f9;

        border-left: 1px solid #e5e7ed;
        border-right: 1px solid #e5e7ed;

        .title{
           font-size: .0938rem;
           font-weight: 600;
           color: #232481;
           margin-top: .0521rem;
        }
        .tag{
            font-size: .0833rem;
            color: #696969;
            margin-top: .0313rem;
        }
    }
    .foot{
        border: 1px solid #e5e7ed;
        display: flex;
        // justify-content: space-between;
        align-items: center;
        padding-left: .0625rem;
        padding-right: .0625rem;
        height: .276rem;
        color: #2D2D2D;

        // border: 1px solid red;
        .part{
            font-size: .0729rem;
            // display: flex;
            // border: 1px solid red;
            // align-items: center;
        }
        .price{
            margin-right: .0729rem;
            font-size: .125rem;
            color: #F73F11;
            
        }
        .part-else{
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: flex-end;
        }
    }
  }
  